{% set product = hookable_metadata.context.product %}

{% if product.images.first %}
    {% set source_path = product.images.first.path %}
    {% set original_path = source_path|imagine_filter('sylius_shop_product_original') %}
    {% set path = source_path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) %}
{% else %}
    {% set original_path = asset('bundles/syliusui/images/400x300.png') %}
    {% set path = original_path %}
{% endif %}

<div class="row spotlight-group mb-5" {{ stimulus_controller('product-show-images') }}>
    <div data-product-image="{{ path }}" data-product-link="{{ original_path }}"></div>
    {% hook 'images' with { original_path, path } %}
</div>
